@import controllers.core.routes.Assets

@(header: Html)(content: Html)

<!DOCTYPE html>

<html>
  <head>
    <title>@config.workbench.title</title>
    <link rel="shortcut icon" type="image/png" href="@Assets.at("img/favicon.png")" />

    <link rel="stylesheet" media="screen" href="@Assets.at("main.css")" />
    <link rel="stylesheet" href="@Assets.at("libs/jquery/base/jquery-ui.min.css")" type="text/css" media="screen, projection"/>
    <link rel="stylesheet" href="@Assets.at("libs/jquery/base/jquery-ui.structure.min.css")" type="text/css" media="screen, projection"/>
    <link rel="stylesheet" href="@Assets.at("libs/jquery/base/jquery-ui.theme.min.css")" type="text/css" media="screen, projection"/>
    <link rel="stylesheet" href="@Assets.at("libs/mdl-vertical-tabs/mdl-vertical-tabs.css")" type="text/css" media="screen, projection"/>

    <script src="@Assets.at("libs/jquery/jquery-1.11.3.min.js")" type="text/javascript"></script>
    <script src="@Assets.at("libs/jquery/jquery-ui.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
      var baseUrl = '@config.baseUrl'; // Base URL of this deployment
    </script>
    <script src="@Assets.at("main.js")" type="text/javascript"></script>

    @header

    <!-- MDL inclusions: -->
    <link type="text/css" href="@Assets.at("libs/silk-react-components/style.css")" rel="stylesheet" />
    @if(config.workbench.mdlStyle.isDefined) {
      @* This indicates that Silk is running in a modified version which can supply an alternative version of MDL. *@
      <link type="text/css" href="@config.baseUrl/core/mdlStyle" rel="stylesheet" />
    } else {
      @* This indicates plain Silk, which means we need to load default colored MDL and some extension styles separately. *@
      <link type="text/css" href="@Assets.at("libs/mdl/material.css")" rel="stylesheet" />
    }
    <link type="text/css" href="@Assets.at("mdl-adjustments.css")" rel="stylesheet" />
    <link type="text/css" href="@Assets.at("libs/mdl-selectfield-master/mdl-selectfield.min.css")" rel="stylesheet" />
    <link type="text/css" href="@Assets.at("libs/dialog-polyfill-master/dialog-polyfill.css")" rel="stylesheet" />


    <script type="text/javascript" src="@Assets.at("libs/mdl/material.js")"></script>
    <script type="text/javascript" src="@Assets.at("libs/mdl-selectfield-master/mdl-selectfield.min.js")"></script>
    <script type="text/javascript" src="@Assets.at("libs/dialog-polyfill-master/dialog-polyfill.js")"></script>

  </head>
  <body>
    @content
  </body>
</html>
